<template>
	<view class="agreement">
		<view class="content">
			<view class="u-content">
				<u-parse :html="content"></u-parse>
			</view>
		</view>

		<!-- 	<view class="btn">
			<view class="refuse" >不同意</view>
			<view class="consent" >同意</view>
		</view> -->
	</view>
</template>

<script>
	import service from '@/store/service.js';
	export default {
		data() {
			return {
				content: ''
			}
		},
		onLoad() {
			this.getProtocol()
		},
		methods: {
			getProtocol() {
				this.$http.get(service.api.user.service).then(res => {
					// console.log('获取服务协议====>>>', res)
					if (res.code === 1) {
						this.content = res.data.agreement_content
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '../../common/uni.css';

	page {
		background-color: #fff;
	}

	.agreement {
		// padding: 0 50upx; 
		padding-bottom: 50upx;

		.content {
			padding: 20upx;

			p {
				text-indent: 2em;
				font-size: 28upx;
				color: #333333;
			}

		}

		.btn {
			display: flex;
			justify-content: space-around;
			margin-top: 100upx;


			.refuse {
				width: 200upx;
				height: 82upx;
				line-height: 82upx;
				text-align: center;
				color: #999999;
				background-color: #F3F3F3;
				border-radius: 40upx;
				font-size: 32upx;

			}

			.consent {
				width: 200upx;
				height: 82upx;
				line-height: 82upx;
				text-align: center;
				color: #FFFFFF;
				background-color: #6565FF;
				border-radius: 40upx;
				font-size: 32upx;
			}

		}

	}
</style>
